---
group: 'components'
category: 'state'
title: Navs
description: '导航菜单'
order: 1
---

## 基础用法

```js live=true
() => {
  const data = [
    { value: 'KubeSphere',label:'KubeSphere' },
    { value: 'Jenkins',label:'Jenkins' },
    { value: 'Kubernetes',label:'Kubernetes' }
  ]
  return (
    <Navs data={data} />
  )
}
```
